<!DOCTYPE html>
<html>

<%- include("head.ejs", {title: title}) %>

<body>

	<div>
		<%- include("header.ejs", {title: title}) %>
	</div>
	<div class="mb40">
		<div class="swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide blue-slide">
					<img src="./images/header.png" alt="">
				</div>
			</div>
		</div>

	</div>
	<div class="gd-main gd-bflex mb60">
		<div class="left-nav">
			<div class="letf-title">新闻动态</div>
			<ul>
				<%for(var i=0; i < leftList.length; i++){%>
					<li class="tab_item">
						<%=leftList[i].title%>
					</li>
				<%}%>
			</ul>
		</div>
		<div class="rigth-nav">
			<ul class="rigth-content">
				<li class="item active">
					<!-- <%- include("title.ejs", {title: '研究院士' , border: true}) %> -->

					<div class="honor-box">
						<img src="./images/new.png" alt="">
					</div>
					<p class="dis-text">
						深圳市千业工作室科技有限公司成立于2022年，位于深圳市龙岗区，专注软件设计与开发等业务，一直秉承务实、创新、卓越和技术的核心价值观，为客户提供新产品开发服务与数字化转型技术研究咨询，以及技术解决方案等IT相关服务。
						我们的业务范围包括但不限于移动客户端APP开发、后台管理系统开发、网站系统建设、O2O平台开发与O2O模式-PC+移动O2O商城系统，以及IT咨询等。从项目方案的整理到交付后的维护都有专门的负责人跟进，及时处理客户的问题，提供合理的解决方案；确保客户的应用始终保持最佳性能和安全性。
						我们紧跟技术发展的步伐，掌握最新的编程语言与框架并应用到项目中。未来也将继续以“深耕科技、构筑未来”为文化理念，继续探索科技，发掘科技的魅力。
					</p>

					<ul class="new-list">
						<!-- <%for(var i=0; i < honorList.length; i++){%>
							<li class="new-item">
								<div class="pic">
									<img src="<%- honorList[i].src%>" alt="">
								</div>
								<div class="new-content">
									<h3><%=honorList[i].title%></h3>
									<p class="text"><%=honorList[i].msg%></p>
									<p class="time"><%=honorList[i].time%></p>
								</div>
							</li>
						<%}%> -->
					</ul>
					<div class="more-btn" onclick="window.location.href='news/newslist/1/10'"> <img src="./images/icon-next.png" alt=""> 更多新闻动态 </div>
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '最新通知' , border: true}) %>
					<div class="mb40">
						<img src="./images/header.png" alt="">
					</div>

					<div class="staff-box">
					</div>
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '最新成果' , border: true}) %>
					<div class="staff-box">
					</div>
				</li>
				<li class="item">
					<%- include("title.ejs", {title: '媒体文摘' , border: true}) %>
					<div class="mb40">
						<img src="./images/header.png" alt="">
					</div>
					<div class="staff-box">
					</div>
				</li>
			</ul>

		</div>
	</div>


	<div>
		<%- include("footer.ejs") %>
	</div>

	<script>
		var mySwiper = new Swiper('.swiper', {
			watchOverflow: true,//因为仅有1个slide，swiper无效
			navigation: {
				nextEl: '.swiper-button-next',//自动隐藏
				prevEl: '.swiper-button-prev',//自动隐藏
			},
			pagination: {
				el: '.swiper-pagination',//自动隐藏
			},
			scrollbar: {
				el: '.swiper-scrollbar',//自动隐藏
			},
		})
		$(document).ready(function () {
			$(".first").removeClass("show").addClass("hide")
			$(".second").removeClass("show").addClass("hide")

			$.ajax({
					type: "get",
					url: "data/info/news",
					data: {pageSize: 5, pageIndex: 1, },
					dataType: 'json',
					success: function (data) {
						var html = '';
						for (var i = 0; i < data.data.length; i++) {
							html += '<li onclick="window.location.href=' + "'news/newspage?id=" + data.data[i].id + "'" + '" class="new-item"><div class="pic">'
							html += '<img src=".' + data.data[i].src + '" alt="">'
							html += '</div><div class="new-content"><h3>' + data.data[i].name + '</h3><p class="text">' + data.data[i].content + '</p><p class="time">' + data.data[i].time + '</p></div></li>'
						}
						$(".new-list").html(html)
					}
				})
				
		})
		$(".left-nav ul li").click(function () {
			var index = $(this).index();
			if (index == 0) {
				$.ajax({
					type: "get",
					url: "data/info/news",
					data: {pageSize: 10, pageIndex: 1, },
					dataType: 'json',
					success: function (data) {
						var html = '';
						for (var i = 0; i < data.data.length; i++) {
							html += '<li class="new-item"><div class="pic">'
							html += '<img src="' + data.data[i].src + '" alt="">'
							html += '</div><div class="new-content"><h3>' + data.data[i].name + '</h3><p class="text">' + data.data[i].content + '</p><p class="time">' + data.data[i].time + '</p></div></li>'
						}
						$(".new-list").html(html)
					}
				})
			}
			if (index == 1 || index == 2 || index == 3) {
				$.ajax({
					type: "get",
					url: "data/info/news",
					data: {pageSize: 20, pageIndex: 1, },
					dataType: 'json',
					success: function (data) {
						var html = '';
						for (var i = 0; i < data.data.length; i++) {
							html += '<div class="pic">'
							html += '<img src="' + data.data[i].src + '" alt="">'
							html += '<p class="time">' + data.data[i].time + '</p></div>'
						}
						$(".staff-box").html(html)
					}
				})
			}

			$(".left-nav ul li").removeClass("active")
			$(this).addClass("active")
			$(".rigth-nav .rigth-content .item").removeClass("active")
			$(".rigth-nav .rigth-content .item").eq(index).addClass("active")
		})
	</script>

</body>

</html>